import { h, Component } from 'preact';

import PartA from '~/components/PartA';

import s from './scss';

class Index extends Component {

	constructor(props) {
		super(props);
		this.state = {
		};
	}

	componentWillMount() {
	}

	render() {
		return (
			<div class={s.root}>
				<div className={`${s.part} ${s.part01}`} />
				<div className={`${s.part} ${s.part02}`} />
				<div className={`${s.part} ${s.part03}`} />
				<div className={`${s.part} ${s.part04}`} />
				<div className={`${s.part} ${s.part05}`} />
				<div className={`${s.part} ${s.part06}`} >
					<PartA />
				</div>
				<div className={`${s.part} ${s.part07}`} />
				<div className={`${s.part} ${s.part08}`} />
				<div className={`${s.part} ${s.part09}`} />
				<div className={`${s.part} ${s.part10}`} />
				<div className={`${s.part} ${s.part11}`} />
				<div className={`${s.part} ${s.part12}`} />
				<div className={`${s.part} ${s.part13}`} />
				<div className={`${s.part} ${s.part14}`} />
				<div className={`${s.part} ${s.part15}`} />
				<div className={`${s.part} ${s.part16}`} />
				<div className={`${s.part} ${s.part17}`} />
				<div className={`${s.part} ${s.part18}`} />
				<div className={`${s.part} ${s.part19}`} />
				<div className={`${s.part} ${s.part20}`} />
				<div className={`${s.part} ${s.part21}`} />
			</div>
		);
	}
}

export default Index;
